$(function() {
    //Personal                
    var namePop = 'popBoxPersonal';
    $("#popBoxPersonal").show();
    $("#wrapperPersonal").click(function() {
        if (namePop != 'popBoxPersonal') {
            $("#" + namePop).hide();
        }
        $("#popBoxPersonal").show();
        namePop = 'popBoxPersonal';
    });

    //Professional
    $("#popBoxProfessional").hide();
    $("#wrapperProfessional").click(function() {
        if (namePop != 'popBoxProfessional') {
            $("#" + namePop).hide();
        }
        $("#popBoxProfessional").show();
        namePop = 'popBoxProfessional';
    });
    //Likings
    $("#popBoxLikings").hide();
    $("#wrapperLikings").click(function() {
        if (namePop != 'popBoxLikings') {
            $("#" + namePop).hide();
        }
        $("#popBoxLikings").show();
        namePop = 'popBoxLikings';
    });

    //Show hide edit cell
    //First name
    $("#editFirstName").hide();
    $("#showEditFN").click(function() {
        $("#viewFirstName").hide();
        $("#editFirstName").show();
    });
    $("#cancelFirstName").click(function() {
        $("#viewFirstName").show();
        $("#editFirstName").hide();
    });
    //Middle name
    $("#editMiddleName").hide();
    $("#showEditMiddleName").click(function() {
        $("#viewMiddleName").hide();
        $("#editMiddleName").show();
    });
    $("#cancelMiddleName").click(function() {
        $("#viewMiddleName").show();
        $("#editMiddleName").hide();
    });

    //Last name
    $("#editLastName").hide();
    $("#showEditLastName").click(function() {
        $("#viewLastName").hide();
        $("#editLastName").show();
    });
    $("#cancelLastName").click(function() {
        $("#viewLastName").show();
        $("#editLastName").hide();
    });

    //Gender
    $("#editGender").hide();
    $("#showEditGender").click(function() {
        $("#viewGender").hide();
        $("#editGender").show();
    });
    $("#cancelGender").click(function() {
        $("#viewGender").show();
        $("#editGender").hide();
    });

    //Birthdate
    $("#editBirthDate").hide();
    $("#showEditBirthDate").click(function() {
        $("#viewBirthDate").hide();
        $("#editBirthDate").show();
    });
    $("#cancelBirthDate").click(function() {
        $("#viewBirthDate").show();
        $("#editBirthDate").hide();
    });


    //Marital Status
    $("#editMaritalStatus").hide();
    $("#showEditMaritalStatus").click(function() {
        $("#viewMaritalStatus").hide();
        $("#editMaritalStatus").show();
    });
    $("#cancelMaritalStatus").click(function() {
        $("#viewMaritalStatus").show();
        $("#editMaritalStatus").hide();
    });

    //Height
    $("#editHeight").hide();
    $("#showEditHeight").click(function() {
        $("#viewHeight").hide();
        $("#editHeight").show();
    });
    $("#cancelHeight").click(function() {
        $("#viewHeight").show();
        $("#editHeight").hide();
    });

    //Country
    $("#editCountry").hide();
    $("#showEditCountry").click(function() {
        $("#viewCountry").hide();
        $("#editCountry").show();
    });
    $("#cancelCountry").click(function() {
        $("#viewCountry").show();
        $("#editCountry").hide();
    });

    //City
    $("#editCity").hide();
    $("#showEditCity").click(function() {
        $("#viewCity").hide();
        $("#editCity").show();
    });
    $("#cancelCity").click(function() {
        $("#viewCity").show();
        $("#editCity").hide();
    });

    //ContactNo
    $("#editContactNo").hide();
    $("#showEditContactNo").click(function() {
        $("#viewContactNo").hide();
        $("#editContactNo").show();
    });
    $("#cancelContactNo").click(function() {
        $("#viewContactNo").show();
        $("#editContactNo").hide();
    });

    //MotherTongue
    $("#editMotherTongue").hide();
    $("#showEditMotherTongue").click(function() {
        $("#viewMotherTongue").hide();
        $("#editMotherTongue").show();
    });
    $("#cancelMotherTongue").click(function() {
        $("#viewMotherTongue").show();
        $("#editMotherTongue").hide();
    });

    //Religion
    $("#editReligion").hide();
    $("#showEditReligion").click(function() {
        $("#viewReligion").hide();
        $("#editReligion").show();
    });
    $("#cancelReligion").click(function() {
        $("#viewReligion").show();
        $("#editReligion").hide();
    });
    
    //Caste
    $("#editCaste").hide();
    $("#showEditCaste").click(function() {
        $("#viewCaste").hide();
        $("#editCaste").show();
    });
    $("#cancelCaste").click(function() {
        $("#viewCaste").show();
        $("#editCaste").hide();
    });
    
    //SelfFeatures
    $("#editSelfFeatures").hide();
    $("#showEditSelfFeatures").click(function() {
        $("#viewSelfFeatures").hide();
        $("#editSelfFeatures").show();
    });
    $("#cancelSelfFeatures").click(function() {
        $("#viewSelfFeatures").show();
        $("#editSelfFeatures").hide();
    });
    
    //FamilyDetails
    $("#editFamilyDetails").hide();
    $("#showEditFamilyDetails").click(function() {
        $("#viewFamilyDetails").hide();
        $("#editFamilyDetails").show();
    });
    $("#cancelFamilyDetails").click(function() {
        $("#viewFamilyDetails").show();
        $("#editFamilyDetails").hide();
    });
    
    //Qualification
    $("#editQualification").hide();
    $("#showEditQualification").click(function() {
        $("#viewQualification").hide();
        $("#editQualification").show();
    });
    $("#cancelQualification").click(function() {
        $("#viewQualification").show();
        $("#editQualification").hide();
    });
    
    //WorkingAt
    $("#editWorkingAt").hide();
    $("#showEditWorkingAt").click(function() {
        $("#viewWorkingAt").hide();
        $("#editWorkingAt").show();
    });
    $("#cancelWorkingAt").click(function() {
        $("#viewWorkingAt").show();
        $("#editWorkingAt").hide();
    });
    
    //Designation
    $("#editDesignation").hide();
    $("#showEditDesignation").click(function() {
        $("#viewDesignation").hide();
        $("#editDesignation").show();
    });
    $("#cancelDesignation").click(function() {
        $("#viewDesignation").show();
        $("#editDesignation").hide();
    });
    
    //Location
    $("#editLocation").hide();
    $("#showEditLocation").click(function() {
        $("#viewLocation").hide();
        $("#editLocation").show();
    });
    $("#cancelLocation").click(function() {
        $("#viewLocation").show();
        $("#editLocation").hide();
    });
    
    //Hobbies
    $("#editHobbies").hide();
    $("#showEditHobbies").click(function() {
        $("#viewHobbies").hide();
        $("#editHobbies").show();
    });
    $("#cancelHobbies").click(function() {
        $("#viewHobbies").show();
        $("#editHobbies").hide();
    });
    
    //Favorite Music
    $("#editFavoriteMusic").hide();
    $("#showEditFavoriteMusic").click(function() {
        $("#viewFavoriteMusic").hide();
        $("#editFavoriteMusic").show();
    });
    $("#cancelFavoriteMusic").click(function() {
        $("#viewFavoriteMusic").show();
        $("#editFavoriteMusic").hide();
    });
    
    //Movie
    $("#editMovie").hide();
    $("#showEditMovie").click(function() {
        $("#viewMovie").hide();
        $("#editMovie").show();
    });
    $("#cancelMovie").click(function() {
        $("#viewMovie").show();
        $("#editMovie").hide();
    });
    
    //CuisinEs
    $("#editCuisinEs").hide();
    $("#showEditCuisinEs").click(function() {
        $("#viewCuisinEs").hide();
        $("#editCuisinEs").show();
    });
    $("#cancelCuisinEs").click(function() {
        $("#viewCuisinEs").show();
        $("#editCuisinEs").hide();
    });
    
    //Books
    $("#editBooks").hide();
    $("#showEditBooks").click(function() {
        $("#viewBooks").hide();
        $("#editBooks").show();
    });
    $("#cancelBooks").click(function() {
        $("#viewBooks").show();
        $("#editBooks").hide();
    });
    
    //Place
    $("#editPlace").hide();
    $("#showEditPlace").click(function() {
        $("#viewPlace").hide();
        $("#editPlace").show();
    });
    $("#cancelPlace").click(function() {
        $("#viewPlace").show();
        $("#editPlace").hide();
    });
});